import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

//引入插件
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// path如果报错找不到的同学，可以下载  pnpm i @types/node  -D

// 按需引入element plus的配置
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    createSvgIconsPlugin({
      // 指定要缓存的文件夹 icons文件夹里面全是svg图标
      iconDirs: [resolve(process.cwd(), 'src/assets/icons')],
      // 指定symbolId格式  使用时候<use :xlink:href="'#'+name" :fill="color"></use> 记得加#
      symbolId: '[name]',
    }),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'), //别名 @相当于src 文件夹目录
    },
  },
  // devServe
  server: {
    https: false,
    proxy: {
      '/api': {
        target: 'http://139.155.93.250:5000', // 接口的域名
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  }
})
